﻿<!DOCTYPE html>
<html lang="de">
    <head>
        <meta content="" charset="utf-8"/>
        <title>&Uuml;bersicht</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <meta name="description" content="Finanzverwaltungsanwendung - &Uuml;bersicht"/>
        <meta name="author" content=""/>
        <link href="css/bootstrap.css" rel="stylesheet"/>
        <link href="css/projectspecific.css" rel="stylesheet"/>
        <link href="css/datepicker.css" rel="stylesheet"/>
        <link href="css/select2.css" rel="stylesheet"/>
        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container-fluid">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a>
                    <div class="nav-collapse collapse">
                        <p class="navbar-text pull-right">
                            Logged in as <a href="#" class="navbar-link">Michael Grussnig</a>
                        </p>
                        <ul class="nav">
                            <li class="active">
                                <a href="index.html">&Uuml;bersicht&nbsp;&nbsp;<i class="icon-home icon-white"></i></a>
                            </li>
                            <li>
                                <a href="#newSpendingModal" role="button" data-toggle="modal">Neue Ausgabe&nbsp;&nbsp;<i class="icon-pencil icon-white"></i></a>
                            </li>
                            <li>
                                <a href="vorlage.html">Vorlagen&nbsp;&nbsp;<i class="icon-book icon-white"></i></a>
                            </li>
                            <li>
                                <a href="statistik.html">Statistik&nbsp;&nbsp;<i class="icon-tasks icon-white"></i></a>
                            </li>
                            <li>
                                <a href="einstellungen.html">Einstellungen&nbsp;&nbsp;<i class="icon-cog icon-white"></i></a>
                            </li>
                            <li>
                                <a href="#" class="logout">Abmelden&nbsp;&nbsp;<i class="icon-remove icon-white"></i></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="pager">
            <h1>&Uuml;bersicht</h1>
        </div>
        <div class="container-fluid">
            <div class="row-fluid">
                <div class="span3 common-height">
                    <div class="well sidebar-nav">
                        <form class="nav navbar-form" action="">
                            <input class="input-sidebar" value="Ausgabenname" name="txtSuchen" title="Ausgabenname" onblur="this.form.txtSuchen.value='Ausgabenname';" onclick="this.form.txtSuchen.value='';" type="text" size="30">
                            <button href="#newSearchResult" class="btn btn-primary btn-sidebar" type="button" data-toggle="modal" name="btnSuchen" title="Eintrag suchen" style="width: 85%">
                                Suchen&nbsp;&nbsp;<i class="icon-search icon-white"></i>
                            </button>
                            <button href="#newExtendedSearch" id="ext"class="btn btn-primary btn-sidebar" data-toggle="modal" type="button" name="btnSuchen" title="Eintrag suchen" style="width: 85%">
                                Erweiterte Suche&nbsp;&nbsp;<i class="icon-search icon-white"></i>
                            </button>
                        </form>
                        <div class="nav-header sidebar-header">
                            Aktuellen Monat bearbeiten:
                        </div>
                        <button href="#newEditSpendingModal" role="button" data-toggle="modal" class="btn btn-primary btn-sidebar" type="button" name="btnEintrBear" title="Eintrag bearbeiten" style="width: 85%">
                            Eintrag bearbeiten&nbsp;&nbsp;<i class="icon-edit icon-white"></i>
                        </button>
                        <button class="btn btn-primary btn-sidebar deleteEntry" type="button" name="btnEintrLoe" title="Eintrag l&ouml;schen" style="width: 85%">
                            Eintrag l&ouml;schen&nbsp;&nbsp;<i class="icon-trash icon-white"></i>
                        </button>
                        <div class="nav-header sidebar-header">
                            Monat ausw&auml;hlen:
                        </div>
                        <div class="input-append date datepicker-sidebar" id="dpMonths" data-date="12-2012" data-date-format="mm-yyyy" data-date-viewmode="years" data-date-minviewmode="months">
                            <input class="datepicker-sidebar" value="aktuelles" readonly="" type="text"><span class="add-on"><i class="icon-calendar"></i></span>
                        </div>
                        <div class="nav-header sidebar-header">
                            Sortieren nach:
                        </div>
                        <select class="combobox sidebar-combo select2" name="comboSort" title="nach Datum sortieren">
                            <option selected="selected" value="datumab">Datum (aufsteigend)</option>
                            <option value="datumauf">Datum (absteigend)</option>
                            <option value="besch">Beschreibung</option>
                            <option value="kat">Kategorie</option>
                            <option value="kost">Kosten (aufsteigend)</option>
                            <option value="kost">Kosten (absteigend)</option>
                        </select>
                    </div>
                </div>
                <div class="span9 common-height">
                    <div class="hero-unit">
                        <div class="progress">
                            <div class="bar bar-danger" style="width: 42%;">
                                255,20 &euro;
                            </div>
                            <div class="bar bar-success" style="width: 58%;">
                                344,80 &euro;
                            </div>
                        </div>
                        <div class="bar-underline">
                            <p class="pull-left">
                                0&euro;
                            </p>
                            <p class="pull-right">
                                600&euro;
                            </p>
                        </div>
                        <div class="table-ausgaben-container">
                            <table class="table table-hover table-striped table-ausgaben">
                                <tbody>
                                    <tr>
                                        <thead>
                                            <th>
                                                Datum 
                                            </th>
                                            <th>
                                                Beschreibung 
                                            </th>
                                            <th>
                                                Kategorie 
                                            </th>
                                            <th>
                                                Kosten 
                                            </th>
                                        </thead>
                                    </tr>
                                    <tr>
                                        <td>
                                            11.12.2012 
                                        </td>
                                        <td>
                                            Mensa 
                                        </td>
                                        <td>
                                            Essen und Trinken 
                                        </td>
                                        <td>
                                            4,40&euro; 
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            11.12.2012 
                                        </td>
                                        <td>
                                            Kino 
                                        </td>
                                        <td>
                                            Freizeit 
                                        </td>
                                        <td>
                                            7,40&euro; 
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            09.12.2012 
                                        </td>
                                        <td>
                                            Kebap und Cola 
                                        </td>
                                        <td>
                                            Essen und Trinken 
                                        </td>
                                        <td>
                                            5,50&euro; 
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            07.12.2012 
                                        </td>
                                        <td>
                                            Mensa 
                                        </td>
                                        <td>
                                            Essen und Trinken 
                                        </td>
                                        <td>
                                            3,95&euro; 
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            07.12.2012 
                                        </td>
                                        <td>
                                            Mensa 
                                        </td>
                                        <td>
                                            Essen und Trinken 
                                        </td>
                                        <td>
                                            3,95&euro; 
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            05.12.2012 
                                        </td>
                                        <td>
                                            Miete 
                                        </td>
                                        <td>
                                            Lebensunterhalt 
                                        </td>
                                        <td>
                                            215,00&euro; 
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            02.12.2012 
                                        </td>
                                        <td>
                                            Matlab Studentensoftware 
                                        </td>
                                        <td>
                                            Universit&auml;t 
                                        </td>
                                        <td>
                                            15,00&euro; 
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                        <td>
                                            &nbsp; 
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div align="center">
                          <button href="#newAusModal" data-toggle="modal" class="btn btn-danger" type="button">
                                Ausgaben gesamt: 255.20€
                            </button>
                            <button href="#newBudModal" data-toggle="modal" class="btn btn-success" type="button">
                                Freies Budget: 344.80€
                            </button>
                              
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Modal -->
        <div id="newSpendingModal" class="modal hide fade dialog" tabindex="-1" role="dialog" aria-labelledby="newSpending" aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    x
                </button>
                <h3 id="newSpending" align="center">Neue Ausgabe</h3>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <fieldset>
                        <div class="control-group">
                            <label class="control-label">
                                Vorlage
                            </label>
                            <div class="controls">
                                <select onchange="showModelDialog(this)" class="input-xlarge dialog-combo select2">
                                    <option selected>keine</option>
                                    <option>Mensa klein</option>
                                    <option>Mensa gro&szlig;</option>
                                    <option>Zugfahrt nach Hause</option>
                                    <option value="mod">+ Neue Vorlage</option>
                                </select>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="input01">
                                Beschreibung
                            </label>
                            <div class="controls">
                                <input placeholder="" class="input-xlarge dialog-input" type="text">
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">
                                Kategorie
                            </label>
                            <div class="controls">
                                <select onchange="showCategoryDialog(this)"class="input-xlarge dialog-combo select2">
                                    <option selected>keine</option>
                                    <option>Essen &amp; Trinken</option>
                                    <option>Freizeit</option>
                                    <option>Universit&auml;t</option>
                                    <option value="cat">+ Neue Kategorie</option>
                                </select>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="dp">
                                Datum
                            </label>
                            <div class="controls">
                                <div class="input-append date dialog-datepicker" id="dp" data-date="14-12-2012" data-date-format="dd-mm-yyyy" on>
                                    <input class="dialog-datepicker" value="heute" type="text" readonly=""><span class="add-on"><i class="icon-calendar"></i></span>
                                </div>
                            </div>
                        </div>
                        <div class="control-group">
                            <!-- Text input-->
                            <label class="control-label" for="input01">
                                Preis
                            </label>
                            <div class="controls">
                                <div class="input-append">
                                    <input placeholder="0.00" class="input-xlarge dialog-price" id="appendedInput" type="number" min="0"><span class="add-on">€</span>
                                </div>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">
                            </label>
                            <div class="controls">
                                <!-- Multiple Checkboxes -->
                                <label class="checkbox" id="checkbox1">
                                    <input value="wiederkehrend" type="checkbox" id="activatePeriod">wiederkehrend 
                                </label>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">
                            </label>
                            <div class="controls">
                                <select class="input-xlarge dialog-combo select2" id="period" disabled>
                                    <option selected>t&auml;glich</option>
                                    <option>w&ouml;chentlich</option>
                                    <option>monatlich</option>
                                    <option>j&auml;hrlich</option>
                                </select>
                            </div>
                        </div>
                    </fieldset>
                </form>
            </div>
            <div class="modal-footer">
                <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">
                    Ausgabe hinzuf&uuml;gen
                </button>
            </div>
        </div>
      
        <div id="newModelModal" class="modal hide fade dialog" tabindex="-1" role="dialog" aria-labelledby="newModel" aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    x
                </button>
                <h3 id="newSpending" align="center">Neue Vorlage</h3>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <fieldset>
                        <div class="control-group">
                            <label class="control-label" for="input01">
                                Name
                            </label>
                            <div class="controls">
                                <input placeholder="" class="input-xlarge dialog-input" type="text">
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="input01">
                                Beschreibung
                            </label>
                            <div class="controls">
                                <input placeholder="" class="input-xlarge dialog-input" type="text">
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">
                                Kategorie
                            </label>
                            <div class="controls">
                                <select onchange="showCategoryDialog(this)" class="input-xlarge dialog-combo select2">
                                    <option selected>keine</option>
                                    <option>Essen &amp; Trinken</option>
                                    <option>Freizeit</option>
                                    <option>Universit&auml;t</option>
                                    <option value="cat">+ Neue Kategorie</option>
                                </select>
                            </div>
                        </div>
                        <div class="control-group">
                            <!-- Text input-->
                            <label class="control-label" for="input01">
                                Preis
                            </label>
                            <div class="controls">
                                <div class="input-append">
                                    <input placeholder="0.00" class="input-xlarge dialog-price" id="appendedInput" type="number" min="0"><span class="add-on">€</span>
                                </div>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">
                            </label>
                            <div class="controls">
                                <!-- Multiple Checkboxes -->
                                <label class="checkbox" id="checkbox1">
                                    <input value="wiederkehrend" type="checkbox" id="activatePeriod1">wiederkehrend 
                                </label>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">
                            </label>
                            <div class="controls">
                                <select class="input-xlarge dialog-combo select2" id="period1" disabled>
                                    <option selected>t&auml;glich</option>
                                    <option>w&ouml;chentlich</option>
                                    <option>monatlich</option>
                                    <option>j&auml;hrlich</option>
                                </select>
                            </div>
                        </div>
                    </fieldset>
                </form>
            </div>
            <div class="modal-footer">
                <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">
                    Vorlage hinzuf&uuml;gen
                </button>
            </div>
        </div>
        <div id="newCategoryModal" class="modal hide fade dialog" tabindex="-1" role="dialog" aria-labelledby="newCategory" aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    x
                </button>
                <h3 id="newCategory" align="center">Neue Kategorie erstellen</h3>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <fieldset>
                        <div class="control-group">
                            <label class="control-label">
                                Name
                            </label>
                            <div class="controls">
                                <input placeholder="" class="input-xlarge dialog-input" type="text">
                            </div>
                        </div>
                    </fieldset>
                </form>
            </div>
            <div class="modal-footer">
                <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">
                    Speichern
                </button>
            </div>
        </div>

        <div id="newExtendedSearch" class="modal hide fade dialog" tabindex="-1" role="dialog" aria-labelledby="newExtended" aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    x
                </button>
                <h3 id="newExtended" align="center">Erweiterte Suche</h3>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <fieldset>
                        <div class="control-group">
                            <label class="control-label" for="input01">
                                Begriff
                            </label>
                            <div class="controls">
                                <input placeholder="" class="input-xlarge dialog-input" type="text">
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="dp1">
                                Von
                            </label>
                            <div class="controls">
                               <div class="input-append date dialog-datepicker" id="dp1" data-date="14-12-2012" data-date-format="dd-mm-yyyy" on>
                                    <input class="dialog-datepicker" value="heute" type="text" readonly=""><span class="add-on"><i class="icon-calendar"></i></span>
                                </div>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="dp2">
                                Bis
                            </label>
                            <div class="controls">
                                <div class="input-append date dialog-datepicker" id="dp2" data-date="14-12-2012" data-date-format="dd-mm-yyyy" on>
                                    <input class="dialog-datepicker" value="heute" type="text" readonly=""><span class="add-on"><i class="icon-calendar"></i></span>
                                </div>
                            </div>
                        </div>
                        <div class="control-group">
                            <!-- Text input-->
                            <label class="control-label" for="input01">
                                Untergrenze
                            </label>
                            <div class="controls">
                                <div class="input-append">
                                    <input placeholder="0.00" class="input-xlarge dialog-price" id="appendedInput" type="number" min="0"><span class="add-on">€</span>
                                </div>
                            </div>
                        </div>
                        <div class="control-group">
                            <!-- Text input-->
                            <label class="control-label" for="input01">
                                Obergrenze
                            </label>
                            <div class="controls">
                                <div class="input-append ">
                                    <input placeholder="0.00" class="input-xlarge dialog-price" id="appendedInput" type="number" min="0"><span class="add-on">€</span>
                                </div>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">
                                Suche nach
                            </label>
                            <div class="controls">
                                <select multiple="multiple" class="input-xlarge dialog-multiple">
                                    <option>Vorlagen</option>
                                    <option>Ausgaben</option>
                                    <option>Statistik</option>
                                </select>
                            </div>
                        </div>
                    </fieldset>
                </form>
            </div>
            <div class="modal-footer">
                <button href="#newSearchResult"class="btn btn-primary" data-toggle="modal"  data-dismiss="modal" aria-hidden="true">
                    Suche starten
                </button>
            </div>
        </div>
		
		<div id="newBudModal" class="modal hide fade dialog" tabindex="-1" role="dialog" aria-labelledby="newCategory" aria-hidden="true">
                        <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                        x
                                </button>
                                <h3 id="newCategory" align="center">Erstellte Statistik</h3>
                        </div>
                        <div class="modal-body">
                                <form class="form-horizontal">
                                       <img src="bud.jpg">
                                </form>
                        </div>
                        <div class="modal-footer">
                                <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">
                                       Speichern
                                </button>
                                 <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">
                                       Exportieren
                                </button>

                                <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">
                                       Fertig
                                </button>
                        </div>
                </div>

                  </div>
                </div>
          <div id="newAusModal" class="modal hide fade dialog" tabindex="-1" role="dialog" aria-labelledby="newCategory" aria-hidden="true">
                        <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                        x
                                </button>
                                <h3 id="newCategory" align="center">Erstellte Statistik</h3>
                        </div>
                        <div class="modal-body">
                                <form class="form-horizontal">
                                       <img src="aus.jpg" width="900">
                                </form>
                        </div>
                        <div class="modal-footer">
                                <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">
                                       Speichern
                                </button>
                                 <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">
                                       Exportieren
                                </button>

                                <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">
                                       Fertig
                                </button>
                        </div>
                </div>


      <div id="newSearchResult" class="modal hide fade dialog" tabindex="-1" role="dialog" aria-labelledby="newCategory" aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    x
                </button>
                <h3 id="newCategory" align="center">Suchergebnisse</h3>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <fieldset>
                        <div class="control-group">
                            <label class="control-label">
                                Suchbegriff
                            </label>
                            <div class="controls">
                                <input placeholder="Mensa" class="input-xlarge dialog-input" type="text" disabled>
                            </div>
                        </div>
                        <div class="control-group">
                         
                         
                            <table class="table table-hover table-striped table-ausgaben" style="background:  #DDDDDD">
                                <tbody>
                                    <tr>
                                        <thead>
                                            <th>
                                                Datum 
                                            </th>
                                            <th>
                                                Beschreibung 
                                            </th>
                                            <th>
                                                Kategorie 
                                            </th>
                                            <th>
                                                Kosten 
                                            </th>
                                        </thead>
                                    </tr>
                                    <tr>
                                        <td>
                                            11.12.2012 
                                        </td>
                                        <td>
                                            Mensa 
                                        </td>
                                        <td>
                                            Essen und Trinken 
                                        </td>
                                        <td>
                                            4,40&euro; 
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            09.12.2012 
                                        </td>
                                        <td>
                                            Mensa 
                                        </td>
                                        <td>
                                            Essen und Trinken 
                                        </td>
                                        <td>
                                            4,40&euro; 
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            07.12.2012 
                                        </td>
                                        <td>
                                            Mensa 
                                        </td>
                                        <td>
                                            Essen und Trinken 
                                        </td>
                                        <td>
                                            4,40&euro; 
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            04.12.2012 
                                        </td>
                                        <td>
                                            Mensa 
                                        </td>
                                        <td>
                                            Essen und Trinken 
                                        </td>
                                        <td>
                                            4,40&euro; 
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            03.12.2012 
                                        </td>
                                        <td>
                                            Mensa 
                                        </td>
                                        <td>
                                            Essen und Trinken 
                                        </td>
                                        <td>
                                            4,40&euro; 
                                        </td>
                                    </tr>
                                     <tr>
                                        <td>
                                           02.12.2012 
                                        </td>
                                        <td>
                                            Mensa 
                                        </td>
                                        <td>
                                            Essen und Trinken 
                                        </td>
                                        <td>
                                            4,40&euro; 
                                        </td>
                                    </tr>
                                     <tr>
                                        <td>
                                            27.11.2012 
                                        </td>
                                        <td>
                                            Mensa 
                                        </td>
                                        <td>
                                            Essen und Trinken 
                                        </td>
                                        <td>
                                            4,40&euro; 
                                        </td>
                                    </tr>
                                    
                                </tbody>
                            </table>
                     
                        </div>
                    </fieldset>
                </form>
            </div>
            <div class="modal-footer">

                <button href="#newEditSpendingModal" role="button" data-toggle="modal" class="btn btn-primary " type="button" name="btnEintrBear" title="Eintrag bearbeiten" >
                            Eintrag bearbeiten&nbsp;&nbsp;
                        </button>
                        <button class="btn btn-primary deleteEntry" type="button" name="btnEintrLoe" title="Eintrag l&ouml;schen" >
                            Eintrag l&ouml;schen&nbsp;&nbsp;
                        </button>
                <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">
                    Fertig
                </button>
            </div>
        </div>

          <div id="newEditSpendingModal" class="modal hide fade dialog" tabindex="-1" role="dialog" aria-labelledby="newSpending" aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    x
                </button>
                <h3 id="newSpending" align="center">Ausgabe bearbeiten</h3>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <fieldset>
                        <div class="control-group">
                            <label class="control-label">
                                Vorlage
                            </label>
                            <div class="controls">
                                <select onchange="showModelDialog(this)" class="input-xlarge dialog-combo select2">
                                    <option>keine</option>
                                    <option>Mensa klein</option>
                                    <option selected="">Mensa gro&szlig;</option>
                                    <option>Zugfahrt nach Hause</option>
                                    <option value="mod">+ Neue Vorlage</option>
                                </select>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="input01">
                                Beschreibung
                            </label>
                            <div class="controls">
                                <input placeholder="" class="input-xlarge dialog-input" type="text" value="Mensa">
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">
                                Kategorie
                            </label>
                            <div class="controls">
                                <select onchange="showCategoryDialog(this)"class="input-xlarge dialog-combo select2">
                                    <option>keine</option>
                                    <option selected="">Essen &amp; Trinken</option>
                                    <option>Freizeit</option>
                                    <option>Universit&auml;t</option>
                                    <option value="cat">+ Neue Kategorie</option>
                                </select>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="dp">
                                Datum
                            </label>
                            <div class="controls">
                                <div class="input-append date dialog-datepicker" id="dp5" data-date="11-12-2012" data-date-format="dd-mm-yyyy" on>
                                    <input class="dialog-datepicker" value="11-12-2012" type="text" readonly=""><span class="add-on"><i class="icon-calendar"></i></span>
                                </div>
                            </div>
                        </div>
                        <div class="control-group">
                            <!-- Text input-->
                            <label class="control-label" for="input01">
                                Preis
                            </label>
                            <div class="controls">
                                <div class="input-append">
                                    <input placeholder="0.00" class="input-xlarge dialog-price" id="appendedInput" type="number" min="0" value="4.40"><span class="add-on">€</span>
                                </div>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">
                            </label>
                            <div class="controls">
                                <!-- Multiple Checkboxes -->
                                <label class="checkbox" id="checkbox3">
                                    <input value="wiederkehrend" type="checkbox" id="activatePeriod3">wiederkehrend 
                                </label>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">
                            </label>
                            <div class="controls">
                                <select class="input-xlarge dialog-combo select2" id="period3" disabled>
                                    <option selected>t&auml;glich</option>
                                    <option>w&ouml;chentlich</option>
                                    <option>monatlich</option>
                                    <option>j&auml;hrlich</option>
                                </select>
                            </div>
                        </div>
                    </fieldset>
                </form>
            </div>
            <div class="modal-footer">
                <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">
                    Speichern
                </button>
            </div>
        </div>
        
        <!-- Javascript
        ================================================== -->
        <!-- Am Ende geladen, damit Seite schneller geladen wird -->
        <script src="js/jquery.min.js">
        </script>
        <script src="js/bootstrap.min.js">
        </script>
        <script src="js/bootbox.min.js">
        </script>
        <script src="js/bootstrap-datepicker.js">
        </script>
        <script src="js/select2.min.js">
        </script>
        <script src="js/projectspecific.js">
        </script>
    </body>
</html>
